<style type="text/css">

td{
    text-align:justify !important;
}
.date{
    width:50px;
}
</style>
<h1 class="list">Histórico</h1>
<div class="table">
<img src="/img/bg-th-left.gif" alt="" class="left" height="7" width="8">
<img src="/img/bg-th-right.gif" alt="" class="right" height="7" width="7">
<table class="listing" cellspacing="0" cellpadding="0">
    <caption><%= @aluno.nome %></caption>
    <thead>
        <tr>
            <th class="date">Data</th>
            <th>Descrição</th>
        </tr>
    </thead>
    <tbody>
        <% @aulas.each do |aula| %>
        <tr>
            <td><%= aula.date %></td>
            <td valign="center"><%= aula.descricao %></td>
        </tr>
        <% end %>
    </tbody>
</table>
<%= javascript_include_tag "jquery-1.3.2.min" %>
<script type="text/javascript">
jQuery.noConflict()
with({$: jQuery}){
    $(function(){
        $('table tbody tr:odd').addClass('odd')
    })
}
</script>
